
<!doctype html>
<html lang="zh" class="no-js">
  <head>
    
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width,initial-scale=1">
      
      
      
      
        <link rel="prev" href="../Blog%E6%95%99%E7%A8%8B/">
      
      
        <link rel="next" href="../%5Bcsdn%5Dmarkdown%E6%9C%80%E5%85%A8%E8%AF%AD%E6%B3%95/">
      
      
      <link rel="icon" href="../../assets/images/favicon.png">
      <meta name="generator" content="mkdocs-1.5.3, mkdocs-material-9.5.12">
    
    
      
        <title>[51cto]Markdown用法 - CodeLabs(博客临时站点)</title>
      
    
    
      <link rel="stylesheet" href="../../assets/stylesheets/main.7e359304.min.css">
      
        
        <link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
      
      


    
    
      
    
    
      
        
        
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
      
    
    
    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce((e,_)=>(e<<5)-e+_.charCodeAt(0),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
    
      

    
    
    
  </head>
  
  
    
    
      
    
    
    
    
    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="indigo" data-md-color-accent="indigo">
  
    
    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
    <label class="md-overlay" for="__drawer"></label>
    <div data-md-component="skip">
      
        
        <a href="#guide" class="md-skip">
          跳转至
        </a>
      
    </div>
    <div data-md-component="announce">
      
    </div>
    
    
      

  

<header class="md-header md-header--shadow" data-md-component="header">
  <nav class="md-header__inner md-grid" aria-label="页眉">
    <a href="../.." title="CodeLabs(博客临时站点)" class="md-header__button md-logo" aria-label="CodeLabs(博客临时站点)" data-md-component="logo">
      
  <img src="../../OTHERS/dancehole.png" alt="logo">

    </a>
    <label class="md-header__button md-icon" for="__drawer">
      
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3V6m0 5h18v2H3v-2m0 5h18v2H3v-2Z"/></svg>
    </label>
    <div class="md-header__title" data-md-component="header-title">
      <div class="md-header__ellipsis">
        <div class="md-header__topic">
          <span class="md-ellipsis">
            CodeLabs(博客临时站点)
          </span>
        </div>
        <div class="md-header__topic" data-md-component="header-topic">
          <span class="md-ellipsis">
            
              [51cto]Markdown用法
            
          </span>
        </div>
      </div>
    </div>
    
      
        <form class="md-header__option" data-md-component="palette">
  
    
    
    
    <input class="md-option" data-md-color-media="" data-md-color-scheme="default" data-md-color-primary="indigo" data-md-color-accent="indigo"  aria-label="切换至夜间模式"  type="radio" name="__palette" id="__palette_0">
    
      <label class="md-header__button md-icon" title="切换至夜间模式" for="__palette_1" hidden>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m17.75 4.09-2.53 1.94.91 3.06-2.63-1.81-2.63 1.81.91-3.06-2.53-1.94L12.44 4l1.06-3 1.06 3 3.19.09m3.5 6.91-1.64 1.25.59 1.98-1.7-1.17-1.7 1.17.59-1.98L15.75 11l2.06-.05L18.5 9l.69 1.95 2.06.05m-2.28 4.95c.83-.08 1.72 1.1 1.19 1.85-.32.45-.66.87-1.08 1.27C15.17 23 8.84 23 4.94 19.07c-3.91-3.9-3.91-10.24 0-14.14.4-.4.82-.76 1.27-1.08.75-.53 1.93.36 1.85 1.19-.27 2.86.69 5.83 2.89 8.02a9.96 9.96 0 0 0 8.02 2.89m-1.64 2.02a12.08 12.08 0 0 1-7.8-3.47c-2.17-2.19-3.33-5-3.49-7.82-2.81 3.14-2.7 7.96.31 10.98 3.02 3.01 7.84 3.12 10.98.31Z"/></svg>
      </label>
    
  
    
    
    
    <input class="md-option" data-md-color-media="" data-md-color-scheme="slate" data-md-color-primary="black" data-md-color-accent="cyan"  aria-label="切换至日间模式"  type="radio" name="__palette" id="__palette_1">
    
      <label class="md-header__button md-icon" title="切换至日间模式" for="__palette_0" hidden>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3m0-7 2.39 3.42C13.65 5.15 12.84 5 12 5c-.84 0-1.65.15-2.39.42L12 2M3.34 7l4.16-.35A7.2 7.2 0 0 0 5.94 8.5c-.44.74-.69 1.5-.83 2.29L3.34 7m.02 10 1.76-3.77a7.131 7.131 0 0 0 2.38 4.14L3.36 17M20.65 7l-1.77 3.79a7.023 7.023 0 0 0-2.38-4.15l4.15.36m-.01 10-4.14.36c.59-.51 1.12-1.14 1.54-1.86.42-.73.69-1.5.83-2.29L20.64 17M12 22l-2.41-3.44c.74.27 1.55.44 2.41.44.82 0 1.63-.17 2.37-.44L12 22Z"/></svg>
      </label>
    
  
</form>
      
    
    
      <script>var media,input,key,value,palette=__md_get("__palette");if(palette&&palette.color){"(prefers-color-scheme)"===palette.color.media&&(media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']"),palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent"));for([key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
    
    
    
    
      <div class="md-header__source">
        <a href="https://gitee.com/dancehole/code-labs" title="前往仓库" class="md-source" data-md-component="source">
  <div class="md-source__icon md-icon">
    
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81z"/></svg>
  </div>
  <div class="md-source__repository">
    dancehole/CodeLabs
  </div>
</a>
      </div>
    
  </nav>
  
</header>
    
    <div class="md-container" data-md-component="container">
      
      
        
          
        
      
      <main class="md-main" data-md-component="main">
        <div class="md-main__inner md-grid">
          
            
              
              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
                <div class="md-sidebar__scrollwrap">
                  <div class="md-sidebar__inner">
                    



<nav class="md-nav md-nav--primary" aria-label="导航栏" data-md-level="0">
  <label class="md-nav__title" for="__drawer">
    <a href="../.." title="CodeLabs(博客临时站点)" class="md-nav__button md-logo" aria-label="CodeLabs(博客临时站点)" data-md-component="logo">
      
  <img src="../../OTHERS/dancehole.png" alt="logo">

    </a>
    CodeLabs(博客临时站点)
  </label>
  
    <div class="md-nav__source">
      <a href="https://gitee.com/dancehole/code-labs" title="前往仓库" class="md-source" data-md-component="source">
  <div class="md-source__icon md-icon">
    
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81z"/></svg>
  </div>
  <div class="md-source__repository">
    dancehole/CodeLabs
  </div>
</a>
    </div>
  
  <ul class="md-nav__list" data-md-scrollfix>
    
      
      
  
  
  
  
    <li class="md-nav__item">
      <a href="../.." class="md-nav__link">
        
  
  <span class="md-ellipsis">
    Home
  </span>
  

      </a>
    </li>
  

    
      
      
  
  
  
  
    <li class="md-nav__item">
      <a href="../../README_en/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    README en
  </span>
  

      </a>
    </li>
  

    
      
      
  
  
  
  
    
    
    
    
    <li class="md-nav__item md-nav__item--nested">
      
        
        
        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
        
          
          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
            
  
  <span class="md-ellipsis">
    Git
  </span>
  

            <span class="md-nav__icon md-icon"></span>
          </label>
        
        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
          <label class="md-nav__title" for="__nav_3">
            <span class="md-nav__icon md-icon"></span>
            Git
          </label>
          <ul class="md-nav__list" data-md-scrollfix>
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../Git/github%2BpicGo%E5%9B%BE%E5%BA%8A/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    github+picGo图床
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../Git/git%E5%BE%BD%E6%A0%87/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    GitHub项目徽标 - 知乎
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../Git/%E4%B8%80%E6%96%87git%E6%95%99%E5%AD%A6/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    GIT版本管理看这一篇就够了 - 简书
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../Git/%E4%BC%98%E9%9B%85%E7%9A%84%E6%B7%BB%E5%8A%A0.gitignore/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    VS Gitignore 示例：
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../Git/%E5%85%B3%E4%BA%8Egit%E9%80%89license/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    如何快速选择开源许可证License，看这三个就够了_copyright-CSDN博客
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../Git/%E5%A6%82%E4%BD%95%E4%BC%98%E9%9B%85%E7%9A%84%E7%BB%99%E8%87%AA%E5%B7%B1%E7%9A%84%E4%BB%A3%E7%A0%81%E4%B8%8A%E4%BA%91/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    如何优雅的给自己的代码上云
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../Git/%E5%A6%82%E4%BD%95%E4%BC%98%E9%9B%85%E7%9A%84%E8%BF%9B%E8%A1%8C%E8%BF%9C%E7%A8%8B%E5%8D%8F%E4%BD%9C/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    如何优雅的进行远程协作
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../Git/%E8%B4%A1%E7%8C%AE%E6%96%87%E6%A1%A3/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    贡献文档
  </span>
  

      </a>
    </li>
  

              
            
          </ul>
        </nav>
      
    </li>
  

    
      
      
  
  
  
  
    
    
    
    
    <li class="md-nav__item md-nav__item--nested">
      
        
        
        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" >
        
          
          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0">
            
  
  <span class="md-ellipsis">
    Linux UsefulCommands
  </span>
  

            <span class="md-nav__icon md-icon"></span>
          </label>
        
        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false">
          <label class="md-nav__title" for="__nav_4">
            <span class="md-nav__icon md-icon"></span>
            Linux UsefulCommands
          </label>
          <ul class="md-nav__list" data-md-scrollfix>
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../Linux-UsefulCommands/%E7%A8%8B%E5%BA%8F%E6%94%BE%E5%85%A5%E5%90%8E%E5%8F%B0%E8%BF%90%E8%A1%8C/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    程序放入后台运行
  </span>
  

      </a>
    </li>
  

              
            
          </ul>
        </nav>
      
    </li>
  

    
      
      
  
  
    
  
  
  
    
    
    
    
    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
      
        
        
        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" checked>
        
          
          <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
            
  
  <span class="md-ellipsis">
    Markdown
  </span>
  

            <span class="md-nav__icon md-icon"></span>
          </label>
        
        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="true">
          <label class="md-nav__title" for="__nav_5">
            <span class="md-nav__icon md-icon"></span>
            Markdown
          </label>
          <ul class="md-nav__list" data-md-scrollfix>
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../Blog%E6%95%99%E7%A8%8B/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    基于Mkdocs+mkdocs-material+gitcus+gitee/github page+..的个人博客页
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
    
  
  
  
    <li class="md-nav__item md-nav__item--active">
      
      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
      
      
        
      
      
        <label class="md-nav__link md-nav__link--active" for="__toc">
          
  
  <span class="md-ellipsis">
    [51cto]Markdown用法
  </span>
  

          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <a href="./" class="md-nav__link md-nav__link--active">
        
  
  <span class="md-ellipsis">
    [51cto]Markdown用法
  </span>
  

      </a>
      
        

<nav class="md-nav md-nav--secondary" aria-label="目录">
  
  
  
    
  
  
    <label class="md-nav__title" for="__toc">
      <span class="md-nav__icon md-icon"></span>
      目录
    </label>
    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
      
        <li class="md-nav__item">
  <a href="#markdown" class="md-nav__link">
    <span class="md-ellipsis">
      什么是 Markdown
    </span>
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#_1" class="md-nav__link">
    <span class="md-ellipsis">
      语法示例
    </span>
  </a>
  
    <nav class="md-nav" aria-label="语法示例">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#1" class="md-nav__link">
    <span class="md-ellipsis">
      1.基本语法
    </span>
  </a>
  
    <nav class="md-nav" aria-label="1.基本语法">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#11" class="md-nav__link">
    <span class="md-ellipsis">
      1.1 标题
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#12" class="md-nav__link">
    <span class="md-ellipsis">
      1.2 粗体和斜体粗体
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#13" class="md-nav__link">
    <span class="md-ellipsis">
      1.3 删除线删除线语法
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#14" class="md-nav__link">
    <span class="md-ellipsis">
      1.4 引用
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#15" class="md-nav__link">
    <span class="md-ellipsis">
      1.5 目录
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#16" class="md-nav__link">
    <span class="md-ellipsis">
      1.6 空行
    </span>
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
        
          <li class="md-nav__item">
  <a href="#2latex" class="md-nav__link">
    <span class="md-ellipsis">
      2.LaTeX公式
    </span>
  </a>
  
    <nav class="md-nav" aria-label="2.LaTeX公式">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#21" class="md-nav__link">
    <span class="md-ellipsis">
      2.1 行内公式
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#22" class="md-nav__link">
    <span class="md-ellipsis">
      2.2 独立公式
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#23" class="md-nav__link">
    <span class="md-ellipsis">
      2.3 复杂公式
    </span>
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
        
          <li class="md-nav__item">
  <a href="#3" class="md-nav__link">
    <span class="md-ellipsis">
      3.代码高亮
    </span>
  </a>
  
    <nav class="md-nav" aria-label="3.代码高亮">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#31" class="md-nav__link">
    <span class="md-ellipsis">
      3.1 普通
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#32" class="md-nav__link">
    <span class="md-ellipsis">
      3.2 语法高亮支持
    </span>
  </a>
  
    <nav class="md-nav" aria-label="3.2 语法高亮支持">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#321-htmlxml" class="md-nav__link">
    <span class="md-ellipsis">
      3.2.1 html/xml 代码高亮示例
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#322-python" class="md-nav__link">
    <span class="md-ellipsis">
      3.2.2 Python高亮示例
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#323-css" class="md-nav__link">
    <span class="md-ellipsis">
      3.2.3 CSS 文件示例
    </span>
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
        
      </ul>
    </nav>
  
</li>
        
          <li class="md-nav__item">
  <a href="#4" class="md-nav__link">
    <span class="md-ellipsis">
      4.绘制表格
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#5" class="md-nav__link">
    <span class="md-ellipsis">
      5.高效绘制流程图
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#6" class="md-nav__link">
    <span class="md-ellipsis">
      6.高效绘制序列图
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#7" class="md-nav__link">
    <span class="md-ellipsis">
      7.高效绘制甘特图
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#8todo" class="md-nav__link">
    <span class="md-ellipsis">
      8.Todo列表
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#9" class="md-nav__link">
    <span class="md-ellipsis">
      9.链接
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#10" class="md-nav__link">
    <span class="md-ellipsis">
      10. 图片
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#11_1" class="md-nav__link">
    <span class="md-ellipsis">
      11. 有序列表&amp;有序列表
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#12_1" class="md-nav__link">
    <span class="md-ellipsis">
      12. 分割线
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#13_1" class="md-nav__link">
    <span class="md-ellipsis">
      13. 符号转义
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#14_1" class="md-nav__link">
    <span class="md-ellipsis">
      14. 导入和导出
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#15_1" class="md-nav__link">
    <span class="md-ellipsis">
      15. 颜色
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#16_1" class="md-nav__link">
    <span class="md-ellipsis">
      16. 其他说明
    </span>
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
    </ul>
  
</nav>
      
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../%5Bcsdn%5Dmarkdown%E6%9C%80%E5%85%A8%E8%AF%AD%E6%B3%95/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    [csdn]markdown最全语法
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../%5Bhtml%E6%89%A9%E5%B1%95%5Dmarkdown%E6%89%A9%E5%B1%95%E8%AF%AD%E6%B3%95/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    [html扩展]markdown扩展语法
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../%5B%E6%B5%81%E7%A8%8B%E5%9B%BE%5D%E5%BC%80%E6%BA%90%E4%B8%89%E4%BB%B6%E5%A5%97-markdown%E6%89%A9%E5%B1%95/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    [流程图]开源三件套 markdown扩展
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../%E5%BC%80%E6%BA%90%E4%B8%89%E4%BB%B6%E5%A5%97%E4%B9%8B%E4%B8%80-Markdown/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    开源三件套之一 Markdown
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../%E7%BB%BC%E5%90%88%E5%BA%94%E7%94%A8%E5%AE%9E%E4%BE%8B/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    应用实例：好看的主页
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    
    
    
    
    <li class="md-nav__item md-nav__item--nested">
      
        
        
        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5_8" >
        
          
          <label class="md-nav__link" for="__nav_5_8" id="__nav_5_8_label" tabindex="0">
            
  
  <span class="md-ellipsis">
    README模板
  </span>
  

            <span class="md-nav__icon md-icon"></span>
          </label>
        
        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_5_8_label" aria-expanded="false">
          <label class="md-nav__title" for="__nav_5_8">
            <span class="md-nav__icon md-icon"></span>
            README模板
          </label>
          <ul class="md-nav__list" data-md-scrollfix>
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../README%E6%A8%A1%E6%9D%BF/readme_en/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    Readme en
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../README%E6%A8%A1%E6%9D%BF/readme_zh/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    Readme zh
  </span>
  

      </a>
    </li>
  

              
            
          </ul>
        </nav>
      
    </li>
  

              
            
          </ul>
        </nav>
      
    </li>
  

    
      
      
  
  
  
  
    
    
    
    
    <li class="md-nav__item md-nav__item--nested">
      
        
        
        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
        
          
          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
            
  
  <span class="md-ellipsis">
    PublishedArticle
  </span>
  

            <span class="md-nav__icon md-icon"></span>
          </label>
        
        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
          <label class="md-nav__title" for="__nav_6">
            <span class="md-nav__icon md-icon"></span>
            PublishedArticle
          </label>
          <ul class="md-nav__list" data-md-scrollfix>
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../PublishedArticle/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    已发布文章
  </span>
  

      </a>
    </li>
  

              
            
          </ul>
        </nav>
      
    </li>
  

    
      
      
  
  
  
  
    
    
    
    
    <li class="md-nav__item md-nav__item--nested">
      
        
        
        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_7" >
        
          
          <label class="md-nav__link" for="__nav_7" id="__nav_7_label" tabindex="0">
            
  
  <span class="md-ellipsis">
    SoftWareUsage
  </span>
  

            <span class="md-nav__icon md-icon"></span>
          </label>
        
        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_7_label" aria-expanded="false">
          <label class="md-nav__title" for="__nav_7">
            <span class="md-nav__icon md-icon"></span>
            SoftWareUsage
          </label>
          <ul class="md-nav__list" data-md-scrollfix>
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../SoftWareUsage/edge%E4%BD%BF%E7%94%A8/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    Edge使用
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../SoftWareUsage/freefileSync%E6%96%87%E4%BB%B6%E5%90%8C%E6%AD%A5%E4%B8%8E%E5%A4%87%E4%BB%BD%E5%B7%A5%E5%85%B7/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    FreeFileSync文件同步与备份工具
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../SoftWareUsage/vs%20%E5%BF%AB%E6%8D%B7%E9%94%AE/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    Vs 快捷键
  </span>
  

      </a>
    </li>
  

              
            
          </ul>
        </nav>
      
    </li>
  

    
      
      
  
  
  
  
    
    
    
    
    <li class="md-nav__item md-nav__item--nested">
      
        
        
        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_8" >
        
          
          <label class="md-nav__link" for="__nav_8" id="__nav_8_label" tabindex="0">
            
  
  <span class="md-ellipsis">
    UniversityStudy
  </span>
  

            <span class="md-nav__icon md-icon"></span>
          </label>
        
        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_8_label" aria-expanded="false">
          <label class="md-nav__title" for="__nav_8">
            <span class="md-nav__icon md-icon"></span>
            UniversityStudy
          </label>
          <ul class="md-nav__list" data-md-scrollfix>
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../UniversityStudy/%E5%A4%A7%E5%AD%A6%E5%AD%A6%E4%B9%A0%E9%93%81%E5%BE%8B/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    大学学习（至少是大一到大四）永远要干的事情
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../UniversityStudy/%E5%A6%82%E4%BD%95%E4%BC%98%E9%9B%85%E7%9A%84%E8%AE%B2%E8%A7%A3%E7%9F%A5%E8%AF%86/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    如何优雅的讲解知识
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../UniversityStudy/%E6%AF%95%E4%B8%9A%E7%AD%94%E8%BE%A9/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    毕业答辩
  </span>
  

      </a>
    </li>
  

              
            
          </ul>
        </nav>
      
    </li>
  

    
      
      
  
  
  
  
    
    
    
    
    <li class="md-nav__item md-nav__item--nested">
      
        
        
        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_9" >
        
          
          <label class="md-nav__link" for="__nav_9" id="__nav_9_label" tabindex="0">
            
  
  <span class="md-ellipsis">
    WindowsOS
  </span>
  

            <span class="md-nav__icon md-icon"></span>
          </label>
        
        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_9_label" aria-expanded="false">
          <label class="md-nav__title" for="__nav_9">
            <span class="md-nav__icon md-icon"></span>
            WindowsOS
          </label>
          <ul class="md-nav__list" data-md-scrollfix>
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../WindowsOS/OS%E7%94%B5%E8%84%91%E6%B8%85%E7%90%86%E4%B8%8E%E7%B3%BB%E7%BB%9F%E9%87%8D%E8%A3%85/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    装机前的电脑备份工作
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../WindowsOS/Windows%E7%A3%81%E7%9B%98%E7%AE%A1%E7%90%86%EF%BC%9A%E5%88%A0%E9%99%A4%E5%88%86%E5%8C%BA/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    Windows磁盘管理：删除不需要的分区（恢复分区等）
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../WindowsOS/Windows%E7%B3%BB%E7%BB%9F%E7%9B%98%E6%96%87%E4%BB%B6%E7%9B%AE%E5%BD%95%E4%BB%8B%E7%BB%8D/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    Windows系统盘文件目录介绍
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../WindowsOS/%5BWindows%5D%E7%B3%BB%E7%BB%9F%E4%BF%9D%E6%8A%A4%EF%BC%9A%E5%8D%A0%E7%94%A8%E7%A3%81%E7%9B%98100G%E7%9A%84%E7%BD%AA%E9%AD%81%E7%A5%B8%E9%A6%96---CD%E7%9B%98%E6%97%A0%E6%95%85%E5%8D%A0%E7%94%A8%E5%86%85%E5%AD%98%28%E7%A1%AC%E7%9B%98%29%E7%A9%BA%E9%97%B4%E5%8E%9F%E5%9B%A0/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    系统保护:占用磁盘100G的罪魁祸首---C/D盘无故占用内存(硬盘)空间原因
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../WindowsOS/regedit/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    Regedit
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../WindowsOS/windows%E5%AD%A6%E4%B9%A0%E4%B8%8E%E4%BD%BF%E7%94%A8/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    Windows学习与使用
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../WindowsOS/windows%E5%BF%AB%E6%8D%B7%E9%94%AE/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    Windows快捷键
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../WindowsOS/%E9%87%8D%E8%A3%85%E7%B3%BB%E7%BB%9F%20%26%20%E5%87%86%E5%A4%87%E5%B7%A5%E4%BD%9C/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    重装系统 & 重装前的准备工作
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../WindowsOS/%E9%9A%90%E8%97%8F%E6%96%87%E4%BB%B6/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    隐藏文件
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    
    
    
    
    <li class="md-nav__item md-nav__item--nested">
      
        
        
        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_9_10" >
        
          
          <label class="md-nav__link" for="__nav_9_10" id="__nav_9_10_label" tabindex="0">
            
  
  <span class="md-ellipsis">
    清理备份日志
  </span>
  

            <span class="md-nav__icon md-icon"></span>
          </label>
        
        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_9_10_label" aria-expanded="false">
          <label class="md-nav__title" for="__nav_9_10">
            <span class="md-nav__icon md-icon"></span>
            清理备份日志
          </label>
          <ul class="md-nav__list" data-md-scrollfix>
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../WindowsOS/%E6%B8%85%E7%90%86%E5%A4%87%E4%BB%BD%E6%97%A5%E5%BF%97/OS%E7%94%B5%E8%84%91%E6%B8%85%E7%90%86%E4%B8%8E%E7%B3%BB%E7%BB%9F%E9%87%8D%E8%A3%85/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    装机前的电脑备份工作
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../WindowsOS/%E6%B8%85%E7%90%86%E5%A4%87%E4%BB%BD%E6%97%A5%E5%BF%97/%E7%B3%BB%E7%BB%9F%E9%87%8D%E8%A3%85%E4%B8%8B%E8%BD%BD%E7%9A%84%E8%BD%AF%E4%BB%B6%E5%8F%8A%E7%9B%B8%E5%85%B3%E6%93%8D%E4%BD%9C/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    系统重装下载的软件及相关操作
  </span>
  

      </a>
    </li>
  

              
            
          </ul>
        </nav>
      
    </li>
  

              
            
          </ul>
        </nav>
      
    </li>
  

    
      
      
  
  
  
  
    
    
    
    
    <li class="md-nav__item md-nav__item--nested">
      
        
        
        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_10" >
        
          
          <label class="md-nav__link" for="__nav_10" id="__nav_10_label" tabindex="0">
            
  
  <span class="md-ellipsis">
    Utils 实用工具表
  </span>
  

            <span class="md-nav__icon md-icon"></span>
          </label>
        
        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_10_label" aria-expanded="false">
          <label class="md-nav__title" for="__nav_10">
            <span class="md-nav__icon md-icon"></span>
            Utils 实用工具表
          </label>
          <ul class="md-nav__list" data-md-scrollfix>
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../utils_%E5%AE%9E%E7%94%A8%E5%B7%A5%E5%85%B7%E8%A1%A8/ASCII%E7%A0%81%E8%A1%A8/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    ASCII码表
  </span>
  

      </a>
    </li>
  

              
            
          </ul>
        </nav>
      
    </li>
  

    
      
      
  
  
  
  
    
    
    
    
    <li class="md-nav__item md-nav__item--nested">
      
        
        
        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_11" >
        
          
          <label class="md-nav__link" for="__nav_11" id="__nav_11_label" tabindex="0">
            
  
  <span class="md-ellipsis">
    常用外设、传感器
  </span>
  

            <span class="md-nav__icon md-icon"></span>
          </label>
        
        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_11_label" aria-expanded="false">
          <label class="md-nav__title" for="__nav_11">
            <span class="md-nav__icon md-icon"></span>
            常用外设、传感器
          </label>
          <ul class="md-nav__list" data-md-scrollfix>
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../%E5%B8%B8%E7%94%A8%E5%A4%96%E8%AE%BE%E3%80%81%E4%BC%A0%E6%84%9F%E5%99%A8/3%E8%89%B2RGB/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    跑马灯
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../%E5%B8%B8%E7%94%A8%E5%A4%96%E8%AE%BE%E3%80%81%E4%BC%A0%E6%84%9F%E5%99%A8/DS18b20%E6%B8%A9%E6%B9%BF%E5%BA%A6/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    快速上手
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../%E5%B8%B8%E7%94%A8%E5%A4%96%E8%AE%BE%E3%80%81%E4%BC%A0%E6%84%9F%E5%99%A8/%E4%B8%B2%E5%8F%A3%E7%9B%B8%E5%85%B3/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    串口相关
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../%E5%B8%B8%E7%94%A8%E5%A4%96%E8%AE%BE%E3%80%81%E4%BC%A0%E6%84%9F%E5%99%A8/%E4%BF%A1%E5%8F%B7%E7%81%AF%E6%8E%A7%E5%88%B6%E7%B1%BB/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    合集内容:信号灯控制类
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../%E5%B8%B8%E7%94%A8%E5%A4%96%E8%AE%BE%E3%80%81%E4%BC%A0%E6%84%9F%E5%99%A8/%E5%A4%A7%E5%B0%8F%E7%A3%81%E7%B0%A7_%E7%A3%81%E5%9C%BA%E4%BC%A0%E6%84%9F%E5%99%A8/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    大小磁簧 磁场传感器
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../%E5%B8%B8%E7%94%A8%E5%A4%96%E8%AE%BE%E3%80%81%E4%BC%A0%E6%84%9F%E5%99%A8/%E5%BE%AA%E8%BF%B9%E6%A8%A1%E5%9D%97/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    循迹模块
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../%E5%B8%B8%E7%94%A8%E5%A4%96%E8%AE%BE%E3%80%81%E4%BC%A0%E6%84%9F%E5%99%A8/%E6%8C%89%E9%94%AE%E5%BC%80%E5%85%B3/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    按键开关
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../%E5%B8%B8%E7%94%A8%E5%A4%96%E8%AE%BE%E3%80%81%E4%BC%A0%E6%84%9F%E5%99%A8/%E6%95%B0%E5%AD%97%E6%B8%A9%E5%BA%A6%EF%BC%88%E6%B2%A1%E7%8E%A9%E6%98%8E%E7%99%BD%EF%BC%89/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    数字温度（没玩明白）
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../%E5%B8%B8%E7%94%A8%E5%A4%96%E8%AE%BE%E3%80%81%E4%BC%A0%E6%84%9F%E5%99%A8/%E6%95%B2%E5%87%BB%E6%A8%A1%E5%9D%97/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    敲击模块
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../%E5%B8%B8%E7%94%A8%E5%A4%96%E8%AE%BE%E3%80%81%E4%BC%A0%E6%84%9F%E5%99%A8/%E6%B8%B8%E6%88%8F%E6%91%87%E6%9D%86%E6%A8%A1%E5%9D%97/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    游戏摇杆模块
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../%E5%B8%B8%E7%94%A8%E5%A4%96%E8%AE%BE%E3%80%81%E4%BC%A0%E6%84%9F%E5%99%A8/%E6%BF%80%E5%85%89%E5%8F%91%E5%B0%84%E5%99%A8/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    激光发射器
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../%E5%B8%B8%E7%94%A8%E5%A4%96%E8%AE%BE%E3%80%81%E4%BC%A0%E6%84%9F%E5%99%A8/%E8%9C%82%E9%B8%A3%E5%99%A8%E7%B1%BB/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    蜂鸣器类
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../%E5%B8%B8%E7%94%A8%E5%A4%96%E8%AE%BE%E3%80%81%E4%BC%A0%E6%84%9F%E5%99%A8/%E8%A7%A6%E6%91%B8%E4%BC%A0%E6%84%9F%E5%99%A8/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    触摸传感器
  </span>
  

      </a>
    </li>
  

              
            
          </ul>
        </nav>
      
    </li>
  

    
      
      
  
  
  
  
    
    
    
    
    <li class="md-nav__item md-nav__item--nested">
      
        
        
        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_12" >
        
          
          <label class="md-nav__link" for="__nav_12" id="__nav_12_label" tabindex="0">
            
  
  <span class="md-ellipsis">
    考研docs（tmp）
  </span>
  

            <span class="md-nav__icon md-icon"></span>
          </label>
        
        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_12_label" aria-expanded="false">
          <label class="md-nav__title" for="__nav_12">
            <span class="md-nav__icon md-icon"></span>
            考研docs（tmp）
          </label>
          <ul class="md-nav__list" data-md-scrollfix>
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../%E8%80%83%E7%A0%94docs%EF%BC%88tmp%EF%BC%89/%E8%80%83%E7%A0%94%E4%B8%AD%E5%9C%BA%E7%9F%AD%E6%9C%9F%E8%A7%84%E5%88%92-%E6%97%B6%E9%97%B4%E8%A1%A8/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    时间表
  </span>
  

      </a>
    </li>
  

              
            
              
                
  
  
  
  
    <li class="md-nav__item">
      <a href="../../%E8%80%83%E7%A0%94docs%EF%BC%88tmp%EF%BC%89/%E8%80%83%E7%A0%94%E4%B8%AD%E5%9C%BA%E7%9F%AD%E6%9C%9F%E8%A7%84%E5%88%92/" class="md-nav__link">
        
  
  <span class="md-ellipsis">
    考研知识扫盲及短期、长期规划
  </span>
  

      </a>
    </li>
  

              
            
          </ul>
        </nav>
      
    </li>
  

    
  </ul>
</nav>
                  </div>
                </div>
              </div>
            
            
              
              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
                <div class="md-sidebar__scrollwrap">
                  <div class="md-sidebar__inner">
                    

<nav class="md-nav md-nav--secondary" aria-label="目录">
  
  
  
    
  
  
    <label class="md-nav__title" for="__toc">
      <span class="md-nav__icon md-icon"></span>
      目录
    </label>
    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
      
        <li class="md-nav__item">
  <a href="#markdown" class="md-nav__link">
    <span class="md-ellipsis">
      什么是 Markdown
    </span>
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#_1" class="md-nav__link">
    <span class="md-ellipsis">
      语法示例
    </span>
  </a>
  
    <nav class="md-nav" aria-label="语法示例">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#1" class="md-nav__link">
    <span class="md-ellipsis">
      1.基本语法
    </span>
  </a>
  
    <nav class="md-nav" aria-label="1.基本语法">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#11" class="md-nav__link">
    <span class="md-ellipsis">
      1.1 标题
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#12" class="md-nav__link">
    <span class="md-ellipsis">
      1.2 粗体和斜体粗体
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#13" class="md-nav__link">
    <span class="md-ellipsis">
      1.3 删除线删除线语法
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#14" class="md-nav__link">
    <span class="md-ellipsis">
      1.4 引用
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#15" class="md-nav__link">
    <span class="md-ellipsis">
      1.5 目录
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#16" class="md-nav__link">
    <span class="md-ellipsis">
      1.6 空行
    </span>
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
        
          <li class="md-nav__item">
  <a href="#2latex" class="md-nav__link">
    <span class="md-ellipsis">
      2.LaTeX公式
    </span>
  </a>
  
    <nav class="md-nav" aria-label="2.LaTeX公式">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#21" class="md-nav__link">
    <span class="md-ellipsis">
      2.1 行内公式
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#22" class="md-nav__link">
    <span class="md-ellipsis">
      2.2 独立公式
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#23" class="md-nav__link">
    <span class="md-ellipsis">
      2.3 复杂公式
    </span>
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
        
          <li class="md-nav__item">
  <a href="#3" class="md-nav__link">
    <span class="md-ellipsis">
      3.代码高亮
    </span>
  </a>
  
    <nav class="md-nav" aria-label="3.代码高亮">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#31" class="md-nav__link">
    <span class="md-ellipsis">
      3.1 普通
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#32" class="md-nav__link">
    <span class="md-ellipsis">
      3.2 语法高亮支持
    </span>
  </a>
  
    <nav class="md-nav" aria-label="3.2 语法高亮支持">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#321-htmlxml" class="md-nav__link">
    <span class="md-ellipsis">
      3.2.1 html/xml 代码高亮示例
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#322-python" class="md-nav__link">
    <span class="md-ellipsis">
      3.2.2 Python高亮示例
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#323-css" class="md-nav__link">
    <span class="md-ellipsis">
      3.2.3 CSS 文件示例
    </span>
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
        
      </ul>
    </nav>
  
</li>
        
          <li class="md-nav__item">
  <a href="#4" class="md-nav__link">
    <span class="md-ellipsis">
      4.绘制表格
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#5" class="md-nav__link">
    <span class="md-ellipsis">
      5.高效绘制流程图
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#6" class="md-nav__link">
    <span class="md-ellipsis">
      6.高效绘制序列图
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#7" class="md-nav__link">
    <span class="md-ellipsis">
      7.高效绘制甘特图
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#8todo" class="md-nav__link">
    <span class="md-ellipsis">
      8.Todo列表
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#9" class="md-nav__link">
    <span class="md-ellipsis">
      9.链接
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#10" class="md-nav__link">
    <span class="md-ellipsis">
      10. 图片
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#11_1" class="md-nav__link">
    <span class="md-ellipsis">
      11. 有序列表&amp;有序列表
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#12_1" class="md-nav__link">
    <span class="md-ellipsis">
      12. 分割线
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#13_1" class="md-nav__link">
    <span class="md-ellipsis">
      13. 符号转义
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#14_1" class="md-nav__link">
    <span class="md-ellipsis">
      14. 导入和导出
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#15_1" class="md-nav__link">
    <span class="md-ellipsis">
      15. 颜色
    </span>
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#16_1" class="md-nav__link">
    <span class="md-ellipsis">
      16. 其他说明
    </span>
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
    </ul>
  
</nav>
                  </div>
                </div>
              </div>
            
          
          
            <div class="md-content" data-md-component="content">
              <article class="md-content__inner md-typeset">
                
                  


<p>[toc]</p>
<h1 id="guide">Guide<a class="headerlink" href="#guide" title="Permanent link">&para;</a></h1>
<p>这是一篇讲解如何正确使用**51CTO开源基础软件社区-Markdown**的排版示例，希望通过此，大家都能轻松上手，都能通过**Markdown** 能够让自己的文章有更加出色、清晰明了的排版。</p>
<h2 id="markdown">什么是 Markdown<a class="headerlink" href="#markdown" title="Permanent link">&para;</a></h2>
<p>Markdown (MD) 是现在普遍使用的一种文档书写语言格式，只需用一些非常简单易记的符号，如（# * / &gt; [] () ），就可以轻松写出一篇具有良好的排版和可读性的文章。</p>
<h2 id="_1">语法示例<a class="headerlink" href="#_1" title="Permanent link">&para;</a></h2>
<h3 id="1">1.基本语法<a class="headerlink" href="#1" title="Permanent link">&para;</a></h3>
<p>一些常规的语法格式。</p>
<h4 id="11">1.1 标题<a class="headerlink" href="#11" title="Permanent link">&para;</a></h4>
<p>标题用#+空格表示，不同数量的#可以表示不同的标题
# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6</p>
<h4 id="12">1.2 粗体和斜体粗体<a class="headerlink" href="#12" title="Permanent link">&para;</a></h4>
<p>在需要操作的文字前后各加三个“<em>”
**这个是粗体**斜体：在需要斜体的文字前后各加一个“</em>”
<em>这个是斜体*用粗体加斜体：在需要操作的文字前后各加三个“</em>”<strong><em>这个是粗体加斜体</em></strong></p>
<h4 id="13">1.3 删除线删除线语法<a class="headerlink" href="#13" title="Permanent link">&para;</a></h4>
<p>在需要删除的文字前后各使用两个符合“<del>”~~要删除的文字</del></p>
<h4 id="14">1.4 引用<a class="headerlink" href="#14" title="Permanent link">&para;</a></h4>
<p>符号“&gt;”后面书写文字。示例：</p>
<blockquote>
<p>这个是引用</p>
</blockquote>
<h4 id="15">1.5 目录<a class="headerlink" href="#15" title="Permanent link">&para;</a></h4>
<p>可通过：@[toc](目录) 生成目录。</p>
<h4 id="16">1.6 空行<a class="headerlink" href="#16" title="Permanent link">&para;</a></h4>
<p>如需空行，则可\&emsp;+回车换行。</p>
<h3 id="2latex">2.LaTeX公式<a class="headerlink" href="#2latex" title="Permanent link">&para;</a></h3>
<p>LaTeX数学公式有两种：行中公式和独立公式（行间公式）。行中公式放在文中与其它文字混编，独立公式单独成行。</p>
<h4 id="21">2.1 行内公式<a class="headerlink" href="#21" title="Permanent link">&para;</a></h4>
<p><code>$E=mc^2$</code>
<span class="arithmatex"><span class="MathJax_Preview">E=mc^2</span><script type="math/tex">E=mc^2</script></span></p>
<h4 id="22">2.2 独立公式<a class="headerlink" href="#22" title="Permanent link">&para;</a></h4>
<p><code>$$E=mc^2$$</code>
<span class="arithmatex"><span class="MathJax_Preview"><span class="arithmatex"><span class="MathJax_Preview">E=mc^2</span><script type="math/tex">E=mc^2</script></span></span><script type="math/tex"><span class="arithmatex"><span class="MathJax_Preview">E=mc^2</span><script type="math/tex">E=mc^2</script></span></script></span></p>
<h4 id="23">2.3 复杂公式<a class="headerlink" href="#23" title="Permanent link">&para;</a></h4>
<div class="highlight"><pre><span></span><code>$$\begin{array}{c}

\nabla \times \vec{\mathbf{B}} -\, \frac1c\, \frac{\partial\vec{\mathbf{E}}}{\partial t} &amp;
= \frac{4\pi}{c}\vec{\mathbf{j}}    \nabla \cdot \vec{\mathbf{E}} &amp; = 4 \pi \rho \\

\nabla \times \vec{\mathbf{E}}\, +\, \frac1c\, \frac{\partial\vec{\mathbf{B}}}{\partial t} &amp; = \vec{\mathbf{0}} \\

\nabla \cdot \vec{\mathbf{B}} &amp; = 0

\end{array}$$
</code></pre></div>
<p>$$\begin{array}{c}</p>
<p>\nabla \times \vec{\mathbf{B}} -\, \frac1c\, \frac{\partial\vec{\mathbf{E}}}{\partial t} &amp;
= \frac{4\pi}{c}\vec{\mathbf{j}}    \nabla \cdot \vec{\mathbf{E}} &amp; = 4 \pi \rho \</p>
<p>\nabla \times \vec{\mathbf{E}}\, +\, \frac1c\, \frac{\partial\vec{\mathbf{B}}}{\partial t} &amp; = \vec{\mathbf{0}} \</p>
<p>\nabla \cdot \vec{\mathbf{B}} &amp; = 0</p>
<p>\end{array}$$</p>
<p><strong>更多语法参考：</strong><a href="https://harmonyos.51cto.com/posts/3842">《51CTO开源基础软件社区-Markdown 编辑器添加 Latex数学公式教程》</a></p>
<h3 id="3">3.代码高亮<a class="headerlink" href="#3" title="Permanent link">&para;</a></h3>
<h4 id="31">3.1 普通<a class="headerlink" href="#31" title="Permanent link">&para;</a></h4>
<div class="highlight"><pre><span></span><code>*emphasize*    **strong**
_emphasize_    __strong__
@a = 1
</code></pre></div>
<h4 id="32">3.2 语法高亮支持<a class="headerlink" href="#32" title="Permanent link">&para;</a></h4>
<p>如果在 ``` 后面跟随语言名称，可以有语法高亮的效果，如:</p>
<h5 id="321-htmlxml">3.2.1 html/xml 代码高亮示例<a class="headerlink" href="#321-htmlxml" title="Permanent link">&para;</a></h5>
<div class="highlight"><pre><span></span><code><span class="cp">&lt;!DOCTYPE html&gt;</span>
<span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&quot;en&quot;</span><span class="p">&gt;</span>
<span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
    <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&quot;UTF-8&quot;</span><span class="p">&gt;</span>
    <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">http-equiv</span><span class="o">=</span><span class="s">&quot;X-UA-Compatible&quot;</span> <span class="na">content</span><span class="o">=</span><span class="s">&quot;IE=edge&quot;</span><span class="p">&gt;</span>
    <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">name</span><span class="o">=</span><span class="s">&quot;viewport&quot;</span> <span class="na">content</span><span class="o">=</span><span class="s">&quot;width=device-width, initial-scale=1.0&quot;</span><span class="p">&gt;</span>
    <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Document<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
<span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
<span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>  
<span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
<span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span>
</code></pre></div>
<h5 id="322-python">3.2.2 Python高亮示例<a class="headerlink" href="#322-python" title="Permanent link">&para;</a></h5>
<div class="highlight"><pre><span></span><code><span class="ch">#!/usr/bin/python3</span>
<span class="c1"># Fibonacci series: 斐波纳契数列</span>
<span class="c1"># 两个元素的总和确定了下一个数</span>
<span class="n">a</span><span class="p">,</span> <span class="n">b</span> <span class="o">=</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">1</span>
<span class="k">while</span> <span class="n">b</span> <span class="o">&lt;</span> <span class="mi">10</span><span class="p">:</span>
    <span class="nb">print</span><span class="p">(</span><span class="n">b</span><span class="p">)</span>
    <span class="n">a</span><span class="p">,</span> <span class="n">b</span> <span class="o">=</span> <span class="n">b</span><span class="p">,</span> <span class="n">a</span><span class="o">+</span><span class="n">b</span>
</code></pre></div>
<h5 id="323-css">3.2.3 CSS 文件示例<a class="headerlink" href="#323-css" title="Permanent link">&para;</a></h5>
<div class="highlight"><pre><span></span><code><span class="nt">body</span><span class="w"> </span><span class="p">{</span>
<span class="w">    </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="kc">red</span><span class="p">;</span>
<span class="p">}</span>

<span class="nt">h1</span><span class="w"> </span><span class="p">{</span>
<span class="w">    </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="kc">orange</span><span class="p">;</span>
<span class="w">    </span><span class="k">text-align</span><span class="p">:</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span>
<span class="p">}</span>

<span class="nt">p</span><span class="w"> </span><span class="p">{</span>
<span class="w">    </span><span class="k">font-family</span><span class="p">:</span><span class="w"> </span><span class="s2">&quot;Times New Roman&quot;</span><span class="p">;</span>
<span class="w">    </span><span class="k">font-size</span><span class="p">:</span><span class="w"> </span><span class="mi">20</span><span class="kt">px</span><span class="p">;</span>
<span class="p">}</span>
</code></pre></div>
<blockquote>
<p>支持语言有: <code>HTML/XML</code>, <code>JSON</code>, <code>Bash</code>, <code>CSS</code>, <code>Java</code>, <code>JavaScript</code>, <code>PHP</code>, <code>Python</code>, <code>Rust</code>, <code>C/C++</code> …</p>
</blockquote>
<h3 id="4">4.绘制表格<a class="headerlink" href="#4" title="Permanent link">&para;</a></h3>
<blockquote>
<table>
<thead>
<tr>
<th>Column 1</th>
<th style="text-align: right;">Column 2</th>
<th style="text-align: center;">Column 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>cell 1</td>
<td style="text-align: right;">cell 2</td>
<td style="text-align: center;">cell 3</td>
</tr>
<tr>
<td>cell 4</td>
<td style="text-align: right;">cell 5</td>
<td style="text-align: center;">cell 6</td>
</tr>
<tr>
<td>cell 7</td>
<td style="text-align: right;">cell 8</td>
<td style="text-align: center;">cell 9</td>
</tr>
</tbody>
</table>
</blockquote>
<table>
<thead>
<tr>
<th>Column 1</th>
<th style="text-align: right;">Column 2</th>
<th style="text-align: center;">Column 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>cell 1</td>
<td style="text-align: right;">cell 2</td>
<td style="text-align: center;">cell 3</td>
</tr>
<tr>
<td>cell 4</td>
<td style="text-align: right;">cell 5</td>
<td style="text-align: center;">cell 6</td>
</tr>
<tr>
<td>cell 7</td>
<td style="text-align: right;">cell 8</td>
<td style="text-align: center;">cell 9</td>
</tr>
</tbody>
</table>
<h3 id="5">5.高效绘制流程图<a class="headerlink" href="#5" title="Permanent link">&para;</a></h3>
<p><code>``html/xml</code> <code></code>flow
st=&gt;start: Start
op=&gt;operation: Your Operation
cond=&gt;condition: Yes or No?
e=&gt;end</p>
<p>st-&gt;op-&gt;cond
cond(yes)-&gt;e
cond(no)-&gt;op
<code></code> `
<div class="highlight"><pre><span></span><code>显示：
```flow
st=&gt;start: Start
op=&gt;operation: Your Operation
cond=&gt;condition: Yes or No?
e=&gt;end

st-&gt;op-&gt;cond
cond(yes)-&gt;e
cond(no)-&gt;op
</code></pre></div></p>
<h3 id="6">6.高效绘制序列图<a class="headerlink" href="#6" title="Permanent link">&para;</a></h3>
<p><code>``html/xml</code> <code></code>seq
Alice-&gt;Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob&rarr;Alice: I am good thanks!
<code></code> `
<div class="highlight"><pre><span></span><code>```seq
Alice-&gt;Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob--&gt;Alice: I am good thanks!
</code></pre></div></p>
<h3 id="7">7.高效绘制甘特图<a class="headerlink" href="#7" title="Permanent link">&para;</a></h3>
<p><code>``html/xml</code> <code></code>gantt
    axisFormat  %m/%d
    title 项目开发流程
    section 项目立项
        需求分析       :a1, 2021-01-01, 5d
        可行性报告     :after a1, 6d
        概念验证       : 5d
    section 项目实施
        概要设计      :2021-01-14  , 5d
        详细设计      :2021-01-19, 10d
        编码          :2021-01-29, 10d
        测试          :2021-02-08, 5d
    section 发布验收
        发布: 3d
        验收: 3d
<code></code> `
<div class="highlight"><pre><span></span><code>```gantt
    axisFormat  %m/%d
    title 项目开发流程
    section 项目立项
        需求分析       :a1, 2021-01-01, 5d
        可行性报告     :after a1, 6d
        概念验证       : 5d
    section 项目实施
        概要设计      :2021-01-14  , 5d
        详细设计      :2021-01-19, 10d
        编码          :2021-01-29, 10d
        测试          :2021-02-08, 5d
    section 发布验收
        发布: 3d
        验收: 3d
</code></pre></div></p>
<h3 id="8todo">8.Todo列表<a class="headerlink" href="#8todo" title="Permanent link">&para;</a></h3>
<p>语法：</p>
<blockquote>
<p>- [ ] <strong>社区直播公开课开展情况</strong>
- [x] 5分钟搞定俄罗斯方块---组件化实战
- [x] HarmonyOS应用服务早期红利与各项技术场景创新分析
- [ ] 从萌新到高手——怎样快速掌握鸿蒙开发</p>
</blockquote>
<p>显示：
- [ ] <strong>社区直播公开课开展情况</strong>
- [x] 5分钟搞定俄罗斯方块---组件化实战
- [x] HarmonyOS应用服务早期红利与各项技术场景创新分析
- [ ] 从萌新到高手——怎样快速掌握鸿蒙开发</p>
<h3 id="9">9.链接<a class="headerlink" href="#9" title="Permanent link">&para;</a></h3>
<p>支持直接粘贴链接地址。链接语法和显示如下：
语法1：<code>[链接名称](http://链接网址)</code>
显示：<a href="http://链接网址">链接名称</a>
或语法2：<code>&lt;http://链接网址&gt;</code>
显示：<a href="http://链接网址">http://链接网址</a></p>
<h3 id="10">10. 图片<a class="headerlink" href="#10" title="Permanent link">&para;</a></h3>
<p>可通过上传按钮上传图片，也支持直接粘贴图片，也支持拖拽上传图片。图片语法和显示如下：
语法：<code>![请添加链接描述](图片地址)</code>
显示：![请添加链接描述](图片地址)</p>
<h3 id="11_1">11. 有序列表&amp;有序列表<a class="headerlink" href="#11_1" title="Permanent link">&para;</a></h3>
<p>无序列表的使用，在符号“-”后加空格使用。如下：
- 列表项
- 列表项
- 列表项</p>
<p>如果要控制列表的层级，则需要在符号“-”前使用空格。如下：
- 列表项
- 列表项
   - 列表内容
   - 列表内容</p>
<p>有序列表的使用，在数字及符号“.”后加空格几个，如下：
1. 列表项
2. 列表项
   1. 列表内容
   2. 列表内容
      1. 子列表内容
      2. 子列表内容
      3. 子列表内容</p>
<h3 id="12_1">12. 分割线<a class="headerlink" href="#12_1" title="Permanent link">&para;</a></h3>
<p>可以在一行中用三个以上的星号、减号、底线来建立一个分隔线，同时需要在分隔线的上面空一行。
例：
<code>-------</code>
<code>*****</code>
<code>______</code></p>
<hr />
<hr />
<hr />
<h3 id="13_1">13. 符号转义<a class="headerlink" href="#13_1" title="Permanent link">&para;</a></h3>
<p>如果你的描述中需要用到 markdown 的符号，比如 <code># *</code> 等，但又不想它被转义，这时候可以在这些符号前加反斜杠，如 <code>\ # *</code>进行避免。</p>
<h3 id="14_1">14. 导入和导出<a class="headerlink" href="#14_1" title="Permanent link">&para;</a></h3>
<p>支持正文导出<code>.md</code>的文档，支持导入.md格式的文档。
导入：支持导入本地 <code>.md</code>格式的文档
导出：正文内容可以导出本地<code>.md</code>格式的文档</p>
<h3 id="15_1">15. 颜色<a class="headerlink" href="#15_1" title="Permanent link">&para;</a></h3>
<p>使用 <code>$\color{颜色}{文字}$</code> 来更改特定的文字颜色。
更改文字颜色 需要浏览器支持，如果不支持则文字将被渲染为黑色。</p>
<p>输入 <code>$\color {#rgb} {text}$</code> 来自定义更多的颜色，示例：
<strong>语法：</strong>
<code>html/xml
$\begin{array}{|rrrrrrrr|}\hline
\verb+#000+ &amp; \color{#000}{text} &amp; &amp; &amp;
\verb+#00F+ &amp; \color{#00F}{text} &amp; &amp; \\
&amp; &amp; \verb+#0F0+ &amp; \color{#0F0}{text} &amp;
&amp; &amp; \verb+#0FF+ &amp; \color{#0FF}{text}\\
\verb+#F00+ &amp; \color{#F00}{text} &amp; &amp; &amp;
\verb+#F0F+ &amp; \color{#F0F}{text} &amp; &amp; \\
&amp; &amp; \verb+#FF0+ &amp; \color{#FF0}{text} &amp;
&amp; &amp; \verb+#FFF+ &amp; \color{#FFF}{text}\\
\hline
\end{array}$</code>
<strong>显示：</strong>
<span class="arithmatex"><span class="MathJax_Preview">\begin{array}{|rrrrrrrr|}\hline
\verb+#000+ &amp; \color{#000}{text} &amp; &amp; &amp;
\verb+#00F+ &amp; \color{#00F}{text} &amp; &amp; \\
&amp; &amp; \verb+#0F0+ &amp; \color{#0F0}{text} &amp;
&amp; &amp; \verb+#0FF+ &amp; \color{#0FF}{text}\\
\verb+#F00+ &amp; \color{#F00}{text} &amp; &amp; &amp;
\verb+#F0F+ &amp; \color{#F0F}{text} &amp; &amp; \\
&amp; &amp; \verb+#FF0+ &amp; \color{#FF0}{text} &amp;
&amp; &amp; \verb+#FFF+ &amp; \color{#FFF}{text}\\
\hline
\end{array}</span><script type="math/tex">\begin{array}{|rrrrrrrr|}\hline
\verb+#000+ & \color{#000}{text} & & &
\verb+#00F+ & \color{#00F}{text} & & \\
& & \verb+#0F0+ & \color{#0F0}{text} &
& & \verb+#0FF+ & \color{#0FF}{text}\\
\verb+#F00+ & \color{#F00}{text} & & &
\verb+#F0F+ & \color{#F0F}{text} & & \\
& & \verb+#FF0+ & \color{#FF0}{text} &
& & \verb+#FFF+ & \color{#FFF}{text}\\
\hline
\end{array}</script></span></p>
<h3 id="16_1">16. 其他说明<a class="headerlink" href="#16_1" title="Permanent link">&para;</a></h3>
<p>使用富文本编辑器发布的内容只能富文本编辑器编辑，不可切换Markdown编辑器；
使用Markdown编辑器发布的内容只能Markdown编辑器编辑，不可切换富文本编辑器编辑。</p>







  
    
  
  
    
  


  <aside class="md-source-file">
    
      
  <span class="md-source-file__fact">
    <span class="md-icon" title="最后更新">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 13.1c-.1 0-.3.1-.4.2l-1 1 2.1 2.1 1-1c.2-.2.2-.6 0-.8l-1.3-1.3c-.1-.1-.2-.2-.4-.2m-1.9 1.8-6.1 6V23h2.1l6.1-6.1-2.1-2M12.5 7v5.2l4 2.4-1 1L11 13V7h1.5M11 21.9c-5.1-.5-9-4.8-9-9.9C2 6.5 6.5 2 12 2c5.3 0 9.6 4.1 10 9.3-.3-.1-.6-.2-1-.2s-.7.1-1 .2C19.6 7.2 16.2 4 12 4c-4.4 0-8 3.6-8 8 0 4.1 3.1 7.5 7.1 7.9l-.1.2v1.8Z"/></svg>
    </span>
    <span class="git-revision-date-localized-plugin git-revision-date-localized-plugin-date">February 29, 2024</span>
  </span>

    
    
      
  <span class="md-source-file__fact">
    <span class="md-icon" title="创建日期">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14.47 15.08 11 13V7h1.5v5.25l3.08 1.83c-.41.28-.79.62-1.11 1m-1.39 4.84c-.36.05-.71.08-1.08.08-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8c0 .37-.03.72-.08 1.08.69.1 1.33.32 1.92.64.1-.56.16-1.13.16-1.72 0-5.5-4.5-10-10-10S2 6.5 2 12s4.47 10 10 10c.59 0 1.16-.06 1.72-.16-.32-.59-.54-1.23-.64-1.92M18 15v3h-3v2h3v3h2v-3h3v-2h-3v-3h-2Z"/></svg>
    </span>
    <span class="git-revision-date-localized-plugin git-revision-date-localized-plugin-date">November 3, 2023</span>
  </span>

    
    
    
  </aside>





                
              </article>
            </div>
          
          
<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
        </div>
        
          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
  
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8v12Z"/></svg>
  回到页面顶部
</button>
        
      </main>
      
        <footer class="md-footer">
  
    
      
      <nav class="md-footer__inner md-grid" aria-label="页脚" >
        
          
          <a href="../Blog%E6%95%99%E7%A8%8B/" class="md-footer__link md-footer__link--prev" aria-label="上一页: 基于Mkdocs+mkdocs-material+gitcus+gitee/github page+..的个人博客页">
            <div class="md-footer__button md-icon">
              
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12Z"/></svg>
            </div>
            <div class="md-footer__title">
              <span class="md-footer__direction">
                上一页
              </span>
              <div class="md-ellipsis">
                基于Mkdocs+mkdocs-material+gitcus+gitee/github page+..的个人博客页
              </div>
            </div>
          </a>
        
        
          
          <a href="../%5Bcsdn%5Dmarkdown%E6%9C%80%E5%85%A8%E8%AF%AD%E6%B3%95/" class="md-footer__link md-footer__link--next" aria-label="下一页: [csdn]markdown最全语法">
            <div class="md-footer__title">
              <span class="md-footer__direction">
                下一页
              </span>
              <div class="md-ellipsis">
                [csdn]markdown最全语法
              </div>
            </div>
            <div class="md-footer__button md-icon">
              
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11H4Z"/></svg>
            </div>
          </a>
        
      </nav>
    
  
  <div class="md-footer-meta md-typeset">
    <div class="md-footer-meta__inner md-grid">
      <div class="md-copyright">
  
    <div class="md-copyright__highlight">
      Copyright © dancehole邓仕昊 2023 - 2024 深圳技术大学
    </div>
  
  
    Made with
    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
      Material for MkDocs
    </a>
  
</div>
      
        <div class="md-social">
  
    
    
    
    
      
      
    
    <a href="https://github.com/dancehole" target="_blank" rel="noopener" title="github.com" class="md-social__link">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg>
    </a>
  
    
    
    
    
    <a href="mailto:<1391755954@qq.com>" target="_blank" rel="noopener" title="" class="md-social__link">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc.--><path d="M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 416c-1.5 9.7-7.4 18.2-16 23s-18.9 5.4-28 1.6L284 427.7l-68.5 74.1c-8.9 9.7-22.9 12.9-35.2 8.1S160 493.2 160 480v-83.6c0-4 1.5-7.8 4.2-10.7l167.6-182.9c5.8-6.3 5.6-16-.4-22s-15.7-6.4-22-.7L106 360.8l-88.3-44.2C7.1 311.3.3 300.7 0 288.9s5.9-22.8 16.1-28.7l448-256c10.7-6.1 23.9-5.5 34 1.4z"/></svg>
    </a>
  
</div>
      
    </div>
  </div>
</footer>
      
    </div>
    <div class="md-dialog" data-md-component="dialog">
      <div class="md-dialog__inner md-typeset"></div>
    </div>
    
    
    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.instant.prefetch", "toc.follow", "navigation.top", "search.suggest", "search.highlight", "navigation.footer"], "search": "../../assets/javascripts/workers/search.b8dbb3d2.min.js", "translations": {"clipboard.copied": "\u5df2\u590d\u5236", "clipboard.copy": "\u590d\u5236", "search.result.more.one": "\u5728\u8be5\u9875\u4e0a\u8fd8\u6709 1 \u4e2a\u7b26\u5408\u6761\u4ef6\u7684\u7ed3\u679c", "search.result.more.other": "\u5728\u8be5\u9875\u4e0a\u8fd8\u6709 # \u4e2a\u7b26\u5408\u6761\u4ef6\u7684\u7ed3\u679c", "search.result.none": "\u6ca1\u6709\u627e\u5230\u7b26\u5408\u6761\u4ef6\u7684\u7ed3\u679c", "search.result.one": "\u627e\u5230 1 \u4e2a\u7b26\u5408\u6761\u4ef6\u7684\u7ed3\u679c", "search.result.other": "# \u4e2a\u7b26\u5408\u6761\u4ef6\u7684\u7ed3\u679c", "search.result.placeholder": "\u952e\u5165\u4ee5\u5f00\u59cb\u641c\u7d22", "search.result.term.missing": "\u7f3a\u5c11", "select.version": "\u9009\u62e9\u5f53\u524d\u7248\u672c"}}</script>
    
    
      <script src="../../assets/javascripts/bundle.c8d2eff1.min.js"></script>
      
        <script src="../../javascripts/extra.js"></script>
      
        <script src="../../javascripts/mathjax.js"></script>
      
        <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
      
        <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
      
    
  </body>
</html>